<template>
	<view style="padding-top: 20rpx;">
		<view class="invitationList" v-for="(item,index) in 6">
			<image src="../../static/logo.png" mode=""></image>
			<view class="head">
				<view class="title">富贵人生</view>
				<view class="date">
					2024-04-22
				</view>
			</view>
			
			<view class="level">会员等级</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},

		onShow() {

		},
		methods: {
			back() {
				uni.navigateBack()
			}
		}
	}
</script>


<style lang="scss" scoped>
	.invitationList{
		margin: 0 37rpx;
		padding: 40rpx 0;
		border-bottom: 2rpx solid #CCCCCC;
		display: flex;
		image{
			width: 80rpx;
			height: 80rpx;
			border-radius: 50%;
			margin-right: 34rpx;
		}
		.head{
			margin-right: 8rpx;
			.title{
				font-weight: 500;
				font-size: 28rpx;
				color: #333333;
				margin-bottom: 12rpx;
			}
			.date{
				font-weight: 300;
				font-size: 24rpx;
				color: #999999;
			}
			
		}
		.level{
			text-align: center;
			width: 120rpx;
			line-height: 35rpx;
			height: 35rpx;
			background: #0F4BCB;
			border-radius: 10rpx;
			font-size: 24rpx;
			color: #FFFFFF;
		}
	}
</style>